<template>
    <div>
        <pagetitle type="2"></pagetitle>
        <el-card>
            <div class="top">
                <el-button>合并支付</el-button>
                <div>
                    <el-input v-model="input2" style="width: 400px; margin-right: 10px" placeholder="请输入订单号" :suffix-icon="Search" />
                    <el-button :icon="RefreshRight" />
                </div>
            </div>
            <el-table :data="[{}]" style="width: 100%">
                <el-table-column type="selection" width="55" />
                <el-table-column prop="date" label="产品信息" />
                <el-table-column prop="name" label="订单类型" />
                <el-table-column prop="name" label="订单金额（￥）" />
                <el-table-column prop="name" label="应付金额（￥）" />
                <el-table-column prop="name" label="操作" />
            </el-table>
        </el-card>
    </div>
</template>
<script lang="ts" setup>
import { RefreshRight, Search } from "@element-plus/icons-vue";
import { ref } from "vue";
const input2 = ref("");
</script>
<style scoped lang="scss">
.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
</style>
